<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <title>搜索</title>

    <link rel="stylesheet" href="css/mescroll.min.css"/>
    <link rel="stylesheet" href="css/search.css"/>
    <!--<script src="//cdn.jsdelivr.net/npm/eruda"></script>-->
    <!--<script>eruda.init();</script>-->
</head>

<body>
<div id="header">
    <div class="sort">
        <div class="sortBox">
            <div class="sortWay">
                <p>排序方式</p>
                <b></b>
            </div>
            <ul class="sdrop_down">
                <li id="hot">
                    <span>热度优先</span>
                    <span class="ok hide"></span>
                </li>
                <li id="high_price">
                    <span>片酬降序</span>
                    <span class="ok hide"></span>
                </li>
                <li id="low_price">
                    <span>片酬升序</span>
                    <span class="ok hide"></span>

                </li>

            </ul>
            <div class="priceRange">
                <p>片酬区间</p>
                <b></b>
            </div>
            <ul class="pdrop_down">
                <li id="normal">
                    <span>不限</span>
                    <span class="ok hide"></span>
                </li>
                <li id="l_price">
                    <span>1000-5000</span>
                    <span class="ok hide"></span>
                </li>
                <li id="h_price">
                    <span>5000-10000</span>
                    <span class="ok hide"></span>
                </li>

            </ul>
            <div class="overlay"></div>
        </div>

    </div>
</div>

<!--滑动区域-->
<div id="mescroll" class="mescroll">

    <!--搜索结果-->
    <ul id="dataList" class="data-list">

    </ul>

</div>
<!--用于适配iPhone X底部-->
<div class="footer_position"></div>

<script type="text/template" id="searchTpl">
    {{each data.list as item i}}
    <li id="{{item.goods_id}}">
        <div class="leftImg">

            <img src="{{item.goods_thumb}}" alt=""/>
        </div>
        <div class="rightInfo">
            <div class="title">
                <p>{{item.goods_name}}</p>

                <p class="name">{{item.category_info.cat_name}}</p>
            </div>

            <p class="star star{{i}}">
                <b></b>
                <b></b>
                <b></b>
                <b></b>
                <b></b>
            </p>

            <ul class="tag">
                {{if item.goods_tag.length>0}}
                {{each item.goods_tag as value index}}
                <li>{{value.name}}</li>
                {{/each}}
                {{/if}}
            </ul>
            <div class="oney">

                <span class="bbbbb">
                    <b>{{item.shop_price}}</b>/{{item.price_unit}}
                </span>

                <p class="address">已服务{{item.lease_sum}}次</p>
            </div>
        </div>
    </li>
    {{/each}}
</script>


<script src="../../person_home/js/flexible.js"></script>
<script src="../../person_home/js/jquery-3.2.1.min.js"></script>
<script src="../../person_home/js/template.js"></script>
<script src="js/mescroll.min.js"></script>
<script src="../../person_home/js/url.js"></script>
<script src="../../person_home/js/isIphoneX.js"></script>
<script src="js/test.js"></script>
</body>

</html>